{% extends "base_generic.html" %}

{% block content %}
  <div class="card" style="max-width: 500px; margin: 50px auto;">
    {% if validlink %}
      <h1>设置新密码</h1>
      <p>请输入（并确认）您的新密码。</p>
      <form action="" method="post">
        {% csrf_token %}
        <div class="form-group">
          <label for="{{ form.new_password1.id_for_label }}">新密码:</label>
          {{ form.new_password1.as_widget(attrs={'class': 'form-control'}) }}
          {% if form.new_password1.errors %}
            {% for error in form.new_password1.errors %}
              <p class="text-danger">{{ error }}</p>
            {% endfor %}
          {% endif %}
        </div>
        <div class="form-group">
          <label for="{{ form.new_password2.id_for_label }}">确认新密码:</label>
          {{ form.new_password2.as_widget(attrs={'class': 'form-control'}) }}
          {% if form.new_password2.errors %}
            {% for error in form.new_password2.errors %}
              <p class="text-danger">{{ error }}</p>
            {% endfor %}
          {% endif %}
        </div>
        <button type="submit" class="btn btn-primary btn-block">修改密码</button>
      </form>
    {% else %}
      <h1 class="text-danger">密码重置失败</h1>
      <p style="font-size: 1.1em;">密码重置链接无效，可能因为它已经被使用过。请请求一个新的密码重置链接。</p>
      <p style="margin-top: 20px;"><a href="{% url 'password_reset' %}" class="btn btn-main">重新请求密码重置</a></p>
    {% endif %}
  </div>
{% endblock %}
